body {
  background-color: blue;  
  background-image: url(../pictures/background.png);
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Helvetica, Arial, sans-serif;

}
h1, h2, h3 {                 /* ak chcem definovat viac veci rovnako dam tam ,*/
  margin: 0;            /*odstrani odsadeni z hora a dola*/
  color: green;

}
#container {
  background-color: white;
  width: 1000px;
  margin-left: auto; /*Zarovnanie z prava a zarovnanie z lava */  
  margin-right: auto;
}
#header {
  background-color: #66CCFF;
  color: white; 
  text-align: center;
  padding: 10px;
}
#content {
  padding: 10px 10px 10px 10px;  /*top right bottom left alebo dam 10px a spravi to cele na 10px pozor je to prehodene :D right a left nemylit si, akoze logicky by malo byt left right a je right left*/ 
}
#nav {
  width: 180px;
  float: left;
}
#nav ul {
  list-style-type: none;
  padding: 0;
}
#nav ol {
  padding: 0px 0px 0px 30px;
}
#nav .selected {
  font-weight: bold;
}
#nav a {                 /* oNastavi vsetky a aby boli cerverne */
  text-decoration: none;
  color: red;

} 
#main {
  width: 600px;
  float: left;
}
#footer{
  clear:both;
  padding: 10px;
  background-color: #999999;
  color: white;
  text-align: right;  /* zarovna text v pravo*/
  
}

/*

#header, .sidebar {
  color: blue;    /* definuje farbu pre ID #neco a pre Class .neco
}

V zaklade ak chcem definvoat odstavec aby sa dal pouzit v CSS musim si ho nazvat nejak takze <div id="Odstavec1"

to v CSS vyzera
#Odstavec1

ak chcem nejaky class upravit pre odstavec tak si ho mozem bud pomenovat alebo pouzit dosavadnu znacku napriklad

<a class="selected">

pak to vyzera

#Odstavec1 .selected

ak chcem upravit napriklad iba text tak dam

#Odstavec1 p

ak chcem pre cely dokument davam to hore

p {

}